import React, { Component } from "react";
import "./index.scss";
import { Card } from "antd";
const { Meta } = Card;

export default class Item extends Component {
  constructor() {
    
    super();

  }

  render() {
    // console.log(this.props.obj, 9);
    console.log(this.props.obj.data,8);


    return (
      <Card
        hoverable
        style={{  marginRight: "40px",width:'260px' }}
        cover={
          <img
          style={{width:'260px',height:'390px'}}
            alt="example"
            src={this.props.obj.data.pic}
          />
        }
      >
        <Meta title={this.props.obj.data.subject?this.props.obj.data.subject:'--'} description={this.props.obj.data.username?this.props.obj.data.username:'--'} />
      </Card>
    );
  }
}
